<template>
  <div style="padding-bottom: 10px">
    <el-form :model="infoDetail" ref="infoDetail" label-width="90px">
      <el-row>
        <el-col :span="12" v-if="infoDetail.headImage != null">
          <el-form-item label="头像">
            <el-image :src=infoDetail.headImage style="width: 100px;height: 100px;border-radius:50px;"></el-image>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="客户名称" width="400px">
            <span>{{ infoDetail.customerName }}</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="联系人" width="400px">
            <span>{{ infoDetail.contactMan }}</span>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="性别" width="400px">
            <span v-if="infoDetail.sex == '1' ">男</span>
            <span v-if="infoDetail.sex == '0' ">女</span>
<!--            <span v-if="infoDetail.sex == '2' ">未知</span>-->
          </el-form-item>
        </el-col>


      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="手机号码" width="400px">
            <span>{{ infoDetail.phone }}</span>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="国籍" width="400px">
            <span>{{ infoDetail.nation }}</span>
          </el-form-item>
        </el-col>

      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="详细地址" width="400px">
            <span>
              {{ infoDetail.province }} - {{ infoDetail.area }} - {{ infoDetail.city }} - {{ infoDetail.addressDetail }}
            </span>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="创建人" width="400px">
            <span>
              <span>{{ infoDetail.createName }}</span>
            </span>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="创建时间" width="400px">
            <span>
              <span>{{ infoDetail.createTime }}</span>
            </span>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="修改人" width="400px">
            <span>
              <span>{{ infoDetail.updateName }}</span>
            </span>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="修改时间" width="400px">
            <span>
              <span>{{ infoDetail.updateTime }}</span>
            </span>
          </el-form-item>
        </el-col>
      </el-row>

    </el-form>
  </div>
</template>

<script>
  export default {
    props: ["infoDetail"],
    components: {

    },
    data() {
      return {
        zIndex: 3000,
      }
    },
    methods: {},
  };
</script>

<style scoped>
  .el-form-item {
    margin-bottom: 5px;
  }
</style>
